@import "../../theme.scss";

.zt-opacity-0 { opacity: 0; }
.zt-opacity-1 { opacity: 1; }
.zt-fixed { position: fixed!important;  }
.zt-relative { position: relative!important;  }
.zt-absolute { position: absolute!important; }
.zt-pos__top { top: 0; left: 0; z-index: 9;}
.zt-pos__bottom { bottom: 0; left: 0; z-index: 9;}
.zt-index { z-index: 99; }
.zt-noradius { border-radius: 0!important; }

.zt-flex { display: flex; }
.zt-flex__item {flex: 1; }
.zt-flex__jc {  justify-content: center;  }
.zt-flex__ji {  justify-items: center;  }
.zt-flex__ac {  align-content: center;  }
.zt-flex__ai {  align-items: center;  }
.zt-flex__column { flex-direction:column }
.zt-flex__jc__end { justify-content:flex-end; }
.zt-flex__ai__start { align-items: flex-start!important; }

.zt-w100 { width: 100%; }
.zt-h100 { height: 100%; }

.zt-m10 { margin: 10rpx; }
.zt-m20 { margin: 20rpx; }
.zt-p10 { padding: 10rpx; }
.zt-p20 { padding:20rpx; }
.zt-md10 { margin: 0 10rpx; }
.zt-md20 { margin: 0 20rpx; }
.zt-pd10 { padding: 0 10rpx; }
.zt-pd20 { padding: 0 20rpx; }
.zt-pd30 { padding: 0 30rpx; }

.zt-mdt10 { margin-top: 10rpx; }
.zt-mdb10 { margin-bottom: 10rpx; }
.zt-mdt20 { margin-top: 20rpx; }
.zt-mdb20 { margin-bottom: 20rpx; }
.zt-pdt10 { padding-top: 10rpx; }
.zt-pdb10 { padding-bottom: 10rpx; }
.zt-pdt20 { padding-top: 20rpx; }
.zt-pdb20 { padding-bottom: 20rpx; }
.zt-pdr10 { padding-right: 10rpx; }

.zt-bold { font-weight: bold } 
.zt-white { background: #fff; }
.zt-mask { position: fixed; z-index: 9; top: 0; left: 0; bottom: 0; right: 0;  height: 100%; width: 100%;background: rgba(0,0,0,0.4); }
.zt-btn { background: $color-domhue; font-size: $font-size-30;  height: 100rpx;  align-items: center;
    justify-content: center; display: flex; border-radius: 6rpx;  color: #fff; }